<template>
  <div class="demo-collapse">
    
    <el-collapse v-model="activeName" accordion>
      <h2 style="text-align: center;">Network Technique</h2>
      <el-collapse-item title="Network" name="1">
        <div>
          Responsible for enterprise information security, managing and configuring network devices such as H3C, Huawei, Cisco, etc. Familiar with TCP/IP, OSPF, GRP, ISO, RIP and other network protocols, proficient in mainstream firewall configuration management, vulnerability scanning, log viewing, VPN, NAT, and Shenxin Internet behavior management, possessing excellent network troubleshooting capabilities.  
        </div>
      </el-collapse-item>
    </el-collapse>
  </div>
</template>

<script lang="ts" setup>
import { ref } from 'vue'

const activeName = ref('1')
</script>



<style scoped>
.el-collapse {
  --el-collapse-header-bg-color: none;
  --el-collapse-header-text-color: none;
  --el-collapse-content-bg-color: none;
  --el-collapse-content-text-color: none;
  --el-collapse-border-color: none;
  border-top: none;
  border-radius: 20px;
  padding: 0 40px;
}

</style>
